<template>
  <div>
    <!-- 标题 -->
    <div class="title">
        <img src="../../../../assets/images/additional.png" alt="">
        <span>企业附加信息二</span>
    </div>

    <!-- 列表内容 -->
    <div class="dataList">
        <div class="listD">
          <div>营业执照类别：{{ dataInfo.extra.businessLicenseCategory  }}</div>
          <div>联系微信：{{ dataInfo.extra.contactWechatAccount }}</div>
          <div>年利润（万元）：{{ dataInfo.extra.annualProfit }}</div>
          <div>企业邮箱：{{ dataInfo.extra.enterpriseMailbox }}</div>
          <div>企业资产总额（万元）：{{ dataInfo.extra.totalAssets }}</div>
          <div>企业邮箱授权码：{{ dataInfo.extra.enterpriseMailboxAuthorizationCode }}</div>
          <div>安全负责人固定电话：{{ dataInfo.extra.securityManNum }}</div>
          <div>企业固定电话：{{ dataInfo.extra.enterpriseLandlineTele }}</div>
          <div>安全负责人电子邮箱：{{ dataInfo.emailAddress }}</div>
          <div>企业官网网站地址：{{ dataInfo.extra.officialWebsiteAddress }}</div>
          <div>企业照片：
            <div class="imgT">
              <img :src="dataInfo.corporatePhoto" alt="">
            </div>
          </div>
          <div>企业风险四色图：
            <div class="imgT">
              <img :src="dataInfo.extra.enterpriseRiskColorDiagram" alt="">
            </div>
          </div>
          <div>隐患排查治理制度（单文件）：
          
              <div class="fileData">
                <img src="../../../../assets/images/word.png" alt="">
                <span>{{ dataInfo.hiddenTroubleInvestigationSystem }}</span>
              </div>
            
          </div>
          <div>隐患排查治理计划（单文件）：
         
              <div class="fileData">
                <img src="../../../../assets/images/word.png" alt="">
                <span>{{ dataInfo.hiddenTroubleInvestigationPlan }}</span>
              </div>
            
          </div>
          
        </div>
        <div>营业执照经营范围：{{ dataInfo.extra.businessScope }}</div>
    </div>

  </div>
</template>

<script>
export default {
   props: {
    dataInfo: {
      type: Object,
      default: {},
    }
  },
}
</script>

<style lang="scss" scoped>
.title{
  display: flex;
  padding: 14px;
  border-bottom: 1px solid #D3D3D3;
  span{
    margin-left: 10px;
  }
}
.dataList{
  // padding: 18px;
  margin-top: 12px;
  line-height: 45px;
  margin-left: 60px;
  .listD{
    display: flex;
     flex-wrap: wrap;
     div{
       width: 50%;
       .imgT{
         width: 212px;
         height: 100px;
        border: 1px solid rgb(160, 160, 159);

        //  background: brown;
       }
     }

  }


}

.fileData{
  width: 168px;
  height: 32px;
  border:1px dashed #4A80FC;
  background-color: #F0F5FF;
  text-align: center;
  line-height: 35px;
  span{
    margin-left: 10px;
  }
}

</style>